<!DOCTYPE HTML>
<html lang="zh_CN">

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <title>Vic Chen - 前端开发爱好者。</title>
    <meta name="keywords" content="bootstrap主题,Wordpress主题,vicchen的博客">
    <meta name="description" content="这是一个基于bootstrap框架的Wordpress主题，是一款私有主题，个人偏好简洁，萌发开发理念，如果您不小心使用了该主题，请注明版权，禁止商业行为。">
    <link rel="Bookmark" href="favicon.ico">
    <link rel="Shortcut Icon" href="favicon.ico" />
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="css/rewrite-bootstrap.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet" type="text/css" />
    <!--[if lt IE 9]> 
    <script type="text/javascript" src="js/html5.js"></script>
    <script type="text/javascript" src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <header class="vc-header">
        <nav class="navbar navbar-default" data-spy="affix" data-offset-top="80">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#vmenu">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html">
                        <h1>Vicchen.me</h1>
                        <img alt="VIC" src="holder.js/150x40/#fff:#1abc9c/text:VICCHEN/size:20">
                    </a>
                </div>

                <div class="collapse navbar-collapse" id="vmenu">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="active"><a href="index.html">首页 <span class="sr-only">(current)</span></a>
                        </li>
                        <li><a href="#">作品</a>
                        </li>
                        <li><a href="#">关于</a>
                        </li>
                        <li><a href="#">GitHub</a>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">更多可能 <span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">执行力</a>
                                </li>
                                <li><a href="#">实验室</a>
                                </li>
                                <li><a href="#">一些其它的</a>
                                </li>
                                <li class="divider"></li>
                                <li><a href="#">简历</a>
                                </li>
                                <li class="divider"></li>
                                <li><a href="#">这里可能是多的</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>
    <div class="container vc-container">
        <div class="row">
            <div class="col-sm-12 col-md-9">
               <div class="well well-sm text-center">
                  搜索关键字：胡同
               </div>
                <div class="thumbnail">
                    <div class="caption">
                        <h1 class="vc-page-title"><a href="">胡同里的小太子</a></h1>
                        <p class="vc-author-info">
                            <time>2015-04-28</time> &bull; <span>Vic Chen</span> &bull; <span><a href="">27条评论</a></span>
                        </p>
                        <p class="hidden-xs">它是胡同里的常客，偶尔静静的在那里等待主人，偶尔惊扰周末睡懒觉的邻居，其实都没什么大不了，大家已经习...</p>
                        <p class="clearfix">
                            <a class="hidden-xs pull-right vc-more-link" href="" role="button">继续阅读 &raquo;</a>
                            <span class="vc-tags">
                                <a href="">我是标签</a>
                                <a href="">我是标签2</a>
                                <a href="">我是标签3</a>
                            </span>
                        </p>
                    </div>
                </div>

                <div class="thumbnail">
                    <div class="caption">
                        <h1 class="vc-page-title"><a href="">重游潘家园，会老友</a></h1>
                        <p class="vc-author-info">
                            <time>2015-04-28</time> &bull; <span>Vic Chen</span> &bull; <span><a href="">27条评论</a></span>
                        </p>
                        <p class="hidden-xs">潘家园旧货市场位于北京东三环南路潘家园桥西南，占地4.85万平方米。市场分为地摊区、古建房区、古典家具区...</p>
                        <p class="clearfix">
                            <a class="hidden-xs pull-right vc-more-link" href="" role="button">继续阅读 &raquo;</a>
                            <span class="vc-tags">
                                <a href="">我是标签</a>
                                <a href="">我是标签2</a>
                                <a href="">我是标签3</a>
                            </span>
                        </p>
                    </div>
                </div>
                <nav>
                    <ul class="pager">
                        <li class="previous"><a href="#"><i class="fa fa-angle-left"></i> Older</a>
                        </li>
                        <li class="next"><a href="#">Newer <i class="fa fa-angle-right"></i></a>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class="visible-lg visible-md col-md-3">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <form role="search">
                            <div class="form-group" style="margin-bottom:0;">
                                <input type="text" class="form-control" placeholder="善于搜索...">
                            </div>
                        </form>
                    </div>
                </div>
                <div class="panel panel-default">
                    <h4 class="vc-widget-title">主题声明</h4>
                    <div class="panel-body">
                        <p style="text-indent:2rem;word-break:break-all;">
                            这是一个基于bootstrap框架的主题，是一款私有主题，可能应用在Wordpress、drupal上，个人偏好简洁，萌发开发想法，如果您不小心使用了该主题，请注明版权，禁止商业行为。
                        </p>
                    </div>
                </div>
                <div class="panel panel-default">
                    <h4 class="vc-widget-title">最近更新</h4>
                    <div class="panel-body">
                        <ul class="list-unstyled">
                            <li><a href="">胡同里的小太子...</a>
                            </li>
                            <li><a href="">重游潘家园，会老友...</a>
                            </li>
                            <li class="text-right"><a href="#!">更多 >></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="panel panel-default">
                    <h4 class="vc-widget-title">友情链接</h4>
                    <div class="panel-body">
                        <div class="row text-center">
                            <a href="http://www.itlipeng.cn" class="col-md-6 vc-a">IT蜗牛</a>
                            <a href="#!" class="col-md-6 vc-a">VicTheme</a>
                            <a href="#!" class="col-md-6 vc-a">岁寒的博客</a>
                            <a href="#!" class="col-md-6 vc-a">前端鹏红</a>
                            <a href="#!" class="col-md-6 vc-a">石头记</a>
                            <a href="#!" class="col-md-6 vc-a">艳军博客</a>
                            <a href="#!" class="col-md-6 vc-a">申请友链</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="vc-footer">
        <div class="vc-footer-info">
            <ul class="vc-footer-menu">
                <li><a class="vc-a" href="#!"><i class="fa fa-weixin"></i></a>
                </li>
                <li><a class="vc-a" href="#!"><i class="fa fa-weibo"></i></a>
                </li>
                <li><a class="vc-a" href="#!"><i class="fa fa-rss"></i></a>
                </li>
                <li><a class="vc-a" href="#!"><i class="fa fa-github"></i></a>
                </li>
            </ul>
        </div>
        <div class="vc-footer-copyright">
            <div> vicchen.me Copyright © 2015 <a class="vc-a" href="#!">Vic Theme</a>
            </div>
            Powered by <a class="vc-a" href="#!">Vic Chen</a>
        </div>
    </footer>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/base.js"></script>
    <script src="http://cdn.bootcss.com/holder/2.6.0/holder.min.js"></script>
</body>

</html>